<div class="lv-card-meta-avatar" *ngIf="lvAvatar">
  <ng-template [ngTemplateOutlet]="lvAvatar"></ng-template>
</div>
<div class="lv-card-meta-detail" *ngIf="lvTitle || lvDescription">
  <div class="lv-card-meta-title-content">
    <div class="lv-card-meta-title" *ngIf="lvTitle">
      <ng-container *ngTemplateOutlet="content; context: { $implicit: lvTitle }"></ng-container>
    </div>
    <div class="lv-card-meta-description" *ngIf="lvDescription">
      <ng-container *ngTemplateOutlet="content; context: { $implicit: lvDescription }"></ng-container>
    </div>
  </div>
</div>

<ng-template #content let-data>
  <ng-container *ngIf="typeUtils.isRealString(data)">
    <span lv-overflow>{{ data }}</span>
  </ng-container>
  <ng-container *ngIf="typeUtils.isTemplateRef(data)">
    <ng-container *ngTemplateOutlet="data"></ng-container>
  </ng-container>
</ng-template>
